§ Fox 2.0 内置组件

§ fox-router-view

fox-router-view是用于定义页面更新区域的组件

参数 类型 默认值 说明
name string default 用于区分view视图,可以通过route的root属性,把页面装载到指定该view视图中
pass-props Object - 用于单视图(multi=false),把属性直接传递到router-view挂载的插件中
multi boolean false 多视图,router的open/append必须配合多视图模式
tag string/VNode/Function div 多视图模式下root的标签
view-tag string/VNode/Function div 多视图模式下子标签
view-tag-props Object/Function 多视图模式下子标签的属性
view-class string/Function 多视图模式下子标签的class
view-active-class string/Function 多视图模式下激活子标签的class
view-deactive-class string/Function 多视图模式下失活子标签的class
css boolean true true支持样式控制动画,false则通过函数控制动画
transition-name string 进入过渡的开始状态
enter-class string 进入过渡的开始状态
enter-active-class string 进入过渡生效时的状态
enter-to-class string 进入过渡的结束状态
leave-class string 离开过渡的结束状态
leave-active-class string 离开过渡生效时的状态
leave-to-class string 离开过渡的结束状态
show-class string 显示过渡的开始状态
show-active-class string 实现过渡生效时的状态
show-to-class string 显示过渡的结束状态
hide-class string 隐藏过渡的结束状态
hide-active-class string 隐藏过渡生效时的状态
hide-to-class string 隐藏过渡的结束状态
show-to-class string 显示过渡的结束状态
hide-class-from string 隐藏过渡的结束状态
hide-active-class string 隐藏过渡生效时的状态
hide-to-class string 隐藏过渡的结束状态

fox-router-link导航组件

参数 类型 默认值 说明
tag string/Function a link标签
to string/Objet/Function 跳转路由
active-class string/Function fox-router-link-active 匹配当前路由的激活class(包括)
exact boolean 是精确匹配(equal)
exact-active-class string/Function fox-router-link-active 精确匹配当前路由的激活class(equal)
exact-active-class string/Function onClick link标签触发路由跳转事件
最后更新于: 4/15/2022, 2:41:22 PM